import React from 'react'
import { Space, List, Switch } from 'antd-mobile'
import '../css/1.scss'
import {useNavigate} from 'react-router-dom'
import { Image, NavBar, Toast } from '@nutui/nutui-react'
import '@nutui/nutui-react/dist/style.css'
import { Share, More, Cart, ArrowLeft, Close } from '@nutui/icons-react'
import {
    UnorderedListOutline,
    PayCircleOutline,
    SetOutline,
} from 'antd-mobile-icons'
export default function contmain() {
    let navigate=useNavigate()
    return (
        <div id='contmain'>
             <div className="top">
        <NavBar
          style={{ backgroundColor: '#FFFFFF' }}
          back={
            <>
              <ArrowLeft />
              返回
            </>
          }
          onBackClick={(e) => Toast.show('返回')}
        >
          账号与安全
        </NavBar>
        {/* <ArrowLeft></ArrowLeft> */}
      </div>
            <div className="cen">
                <List >
                    <List.Item  onClick={() => {navigate('/realname') }}>
                        实名认证
                        {/* <span style={{display:'inline-block',marginLeft:'2.5rem',fontSize:'13px',color:'red'}}>未认证</span> */}
                    </List.Item>
                    <List.Item  onClick={() => {navigate('/loginpwd') }}>
                        设置登录密码
                        {/* <span style={{marginLeft:'5rem',fontSize:'13px',color:'blue'}}>去修改</span> */}
                    </List.Item>
                    <List.Item  onClick={() => { navigate('/payment') }}>
                        设置支付密码
                    </List.Item> 
                    {/* <List.Item  onClick={() => { }}>
                        微信免密支付
                    </List.Item> */}

                </List>
                <List style={{marginTop:'0.2rem'}} >
                <List.Item  onClick={() => {navigate('/editphone') }}>
                        修改手机号
                    </List.Item>
                </List>
            </div>
        </div>
    )
}
